/*css Document*/

@charset "UTF-8";

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

input,select,textarea{font-size:100%}

table{border-collapse:collapse;border-spacing:0}

th{text-align:inherit}

fieldset,img,a img{border:0}

abbr,acronym{border:0;font-variant:normal}

del{text-decoration:line-through}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}

ol,ul{list-style:none}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}

q:before,q:after{content:''}

sup{vertical-align:text-top}

sub{vertical-align:text-bottom}

a:hover{text-decoration:none;}

ins,a{text-decoration:none}

.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.fn-clear{zoom:1}

body .fn-hide{display:none}

.fn-left,.fn-right{display:inline}

.fn-left{float:left}

.fn-right{float:right}

.fl{float:left;}

.fr{float:right;}

.clear{clear:both;}

.auto1200{margin:0 auto; width:1200px;}

body {margin:0;padding:0;border:0px;cursor:default;color:#333;background:#f5f5f5;-webkit-font-smoothing:antialiased;outline:0 none;font: normal 14px/20px "Microsoft YaHei","微软雅黑",Arial,"Helvetica Neue", Helvetica,sans-serif;}

* {box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

*:before,*:after {box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

ul li{ list-style-type:none;}

/**google clear**/

input {outline: none;}

textarea {outline: none;}

form{outline: none;}

/*css2.0*/textarea {width: 100%;max-width: 1200px;height: 130px;max-height: 130px;border:1px solid #abadb3;}

/*css3.0*/texearea {resize: none;}



/**************UI CSS*********************/



/* select css UI */  

.select_wrap{display:inline-block;position:relative;}

.tag_select{display:inline-block;height:45px;padding:0 10px; color:#7D7D7D; cursor:pointer;line-height:45px;position:relative;} 

.tag_select_hover{ color:#7D7D7D; background:transparent url("../images/select1.gif") no-repeat 0 0; } 

.tag_select_open{ color:#7D7D7D; background:transparent url("../images/select1.gif") no-repeat 0 0;} 

ul.tag_options{position:absolute;margin:0;list-style:none;background:#fff;padding:0 0 1px;margin:0;width:162px ;height:135px;overflow: hidden; overflow-y:auto; cursor:pointer; z-index:1000;border: 1px solid #efefef; } 

ul.tag_options li{background:#fff; display:block;width:140px;padding:0 10px;height:45px;text-decoration:none;line-height:45px;font-weight:normal; font-size:16px;} 

ul.tag_options li.open_hover{background:#e7e7e7;font-weight:normal; font-size:16px;color:#777;} 

ul.tag_options li.open_selected{background:#e7e7e7; font-size:16px;font-weight:bold;color:#000;  } 



.select1 .tag_select{background:transparent url("../images/select1.gif") no-repeat 0 0;width:94px;}

.select2 .tag_select{background:transparent url("../images/select2.gif") no-repeat 0 0;width:146px;}

.select3 .tag_select{background:transparent url("../images/select3.gif") no-repeat 0 0;width:336px;}

.select3 ul.tag_options,.select3 ul.tag_options li{width:336px;}





/**color**/

.c1{color:#f6bb42;}

.c2{color:#f90;}

.c3{color:#f90;}

.c4{color:#f90;}

.c5{color:#ff6600;}



/**width**/

.w200{width:200px;}

.w198{width:198px;}

.w150{width:150px;}

.w148{width:148px;}

.w75{width:75px;}

.w60{width:60px;}

.w1200{width:1200px;}

/**height**/

.h35{height:35px;}

.h25{height:25px;}

.h40{height:40px;}



/**input**/

.input_bd{border:1px solid #b9b9b9;}

.input_bd_on{border:1px solid #89cff0;}

.input_bd_error{border:1px solid #89cff0;}

.input_bd_no{border:1px solid #dbdcde;}



/**font**/



.fz24{font-size:24px;}

.fz16{font-size:16px;}

.fz14{font-size:14px;}

.fz12{font-size:12px;}



/**box bg**/

.box1{background:#89cff0;border:1px solid #89cff0;width:100px;height:40px;}

.num_bg1{background:#e9573f;}

.num_bg2{background:#8cc152;}

.num_bg3{background:#f6bb42;}



/* border radius*/

.bd_radius{

display:inline-block;-moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius:5px;/* Webkit browsers */border-radius:5px;/* W3C syntax */}

/**btn **/

.biggest_btn{width:200px;height:46px;background:#ff9700;}

.biggest_btn:hover{width:200px;height:46px;background:ff7800;}

.n{border:1px solid #ff9700;}

.b{border:1px solid #c2610b;}

.bigger_btn{width:150px;}

.btn_hui{background:#e4e7ea;}

.btn_hui:hover{background:#d2d5d8;}

.btn_lan{background:#f90;}

.btn_lan:hover{background:#3071a9;}

.btn_lv{background:#5cb85c;}

.btn_lv:hover{background:#449d44;}

.btn_huang{background:#f0ad4e;}

.btn_huang:hover{background:#ec971f;}

/**margin**/

.mb36{margin-bottom:36px;}

.m40{margin:40px 40px 0 40px;}

.mt20{margin-top:20px;}

/* 正则判断 UI */



.right,.fault{color:#fe0000;margin-left:18px;width:160px;font-size:12px;float:left;}

.right img,.fault img{float:left;display:inline-block;margin:5px;}





/*美化滚动条 UI*/

#scrollTest {background:#fff;padding:10px;width:1000px;} 

.sky_warpper { margin:100px auto;background:red;} 

.sky_scrollTopOuter {width:7px;background:#ddd;opacity:0.3;} 

.sky_scrollTopOuter:hover {opacity:0.8;width:7px;-webkit-transition:opacity,width 0.3s ease-out;} 

.sky_scrollTop { background:#333;opacity:0.3;width:7px;-webkit-border-radius:5px;-webkit-transition:opacity,width 0.3s ease-out; cursor:default;} 

.sky_warpper:hover .sky_scrollTop { opacity:0.8;width:7px;-webkit-transition:opacity,width 0.3s ease-out;} 



.sky_scrollLeftOuter {height:7px;background:#ddd;opacity:0.3;} 

.sky_scrollLeftOuter:hover {opacity:0.8;height:7px;-webkit-transition:opacity,height 0.3s ease-out;} 

.sky_scrollLeft { background:#333;opacity:0.3;height:7px;-webkit-border-radius:5px;-webkit-transition:opacity,height 0.3s ease-out; cursor:default;} 

.sky_warpper:hover .sky_scrollLeft { opacity:0.8;height:7px;-webkit-transition:opacity,height 0.3s ease-out;} 



/* table qiehuan */

.tab1{border-top:#eee solid 1px;width:920px;overflow:hidden;zoom:1;}

.menu{height:50px;border-right:#eee solid 1px; font-size:14px;background:#f9fafb;border-bottom:#eee solid 1px;}

.menu li{background:#f9fafb url(../images/tech_table_icos.png) no-repeat;float:left;padding:0 40px 0 0;line-height:50px;height:50px;cursor:pointer;border-left:#eee solid 1px;border-bottom:#eee solid 1px;color:#818181;overflow:hidden;font-size:18px;}

.menu li.on{border-right:#eee solid 1px;}

.menu li.off,.menu li:hover{background:#fff url(../images/tech_table_icos.png) no-repeat;color:#f90;font-weight:bold; border-bottom:none;border-top:2px solid #f90;}

.menudiv{border-left:#eee solid 1px;border-right:#eee solid 1px;border-top:0;background:#fefefe; position: relative;width:10000px;}

.menudiv .con{line-height:28px;min-height:600px;padding-bottom:30px;float: left; width:1200px;}

#one1{background-position:20px 0px;padding-left:60px;}

#one1:hover,#one1.off{background-position:20px -346px;}

#one2{background-position:20px -49px;padding-left:60px;}

#one2:hover,#one2.off{background-position:20px -396px;}

#one3{background-position:20px -98px;padding-left:60px;}

#one3:hover,#one3.off{background-position:20px -444px;}

#one4{background-position:20px -148px;padding-left:60px;}

#one4:hover,#one4.off{background-position:20px -496px;}

#one5{background-position:20px -196px;padding-left:60px;}

#one5:hover,#one5.off{background-position:20px -546px;}

#one6{background-position:20px -296px;padding-left:60px;}

#one6:hover,#one6.off{background-position:20px -644px;}

#one7{background-position:20px -246px;padding-left:60px;}

#one7:hover,#one7.off{background-position:20px -594px;}

.menu dl{float:right;margin-right:24px;}

.menu dl dd{float:left;width:100px;line-height:50px;height:50px;border-bottom:#eee solid 1px;color:#666;overflow:hidden;text-align:center;}

.menu dl dd:hover,.menu dl dd.hovers{float:left;width:100px;line-height:50px;height:50px;color:#666;overflow:hidden;text-align:center;background:#fff;border-bottom: none;border-top: 2px solid #f90;color:#000;}

.menu dl dd:hover .ico8,.menu dl dd.hovers .ico8{background:url(../images/hls_jz_aico.png) no-repeat -76px -46px;width:15px;height:15px;display:inline-block;margin:3px 5px 0 0;}

.menu dl dd:hover .ico9,.menu dl dd.hovers .ico9{background:url(../images/hls_jz_aico.png) no-repeat -92px -44px;width:25px;height:15px;display:inline-block;margin:3px 5px 0 0;}

.menu dl dd .ico8{background:url(../images/hls_jz_aico.png) no-repeat -76px -26px;width:15px;height:15px;display:inline-block;margin:3px 5px 0 0;}

.menu dl dd .ico9{background:url(../images/hls_jz_aico.png) no-repeat -92px -26px;width:25px;height:15px;display:inline-block;margin:3px 5px 0 0;}

.menu dl dd a{color:#6a6a6a;}.menu dl dd.hovers a{color:#f90;font-weight:bold;}.menu dl dd:hover a{color:#f90;font-weight:bold;}



/* 弹出层 */



.popbox{width:980px;position:absolute;top:0;left:0;display:none;z-index:120;}

.popbox .close-btn{position:relative;background:#f90;display:inline-block;top:0;}

.popbox .close-btn .close_ico{ background: url("../images/hls_jz_aico.png") no-repeat scroll -38px -76px #8d8d8d;height: 40px; margin: 0;position: absolute;right: -10px;top:-10px;width: 40px;-moz-border-radius:40px;/* Gecko browsers */-webkit-border-radius:40px;/* Webkit browsers */border-radius:40px;/* W3C syntax */border:5px solid #fff;}

.popbox h2{height:25px;font-size:14px;background-color:#3366cc;position:relative;padding-left:10px;line-height:25px;color:#fff;}

.popbox h2 a{position:absolute;right:5px;font-size:12px;color:#fff;}

.popbox .mainlist iframe{display:block;-moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius:5px;

/* Webkit browsers */border-radius:5px;/* W3C syntax */}

.popbox .mainlist li{height:24px;line-height:24px;}

.popbox .mainlist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}



.popbox1{width:980px;position:absolute;top:0;left:0;display:none;z-index:120;}

.popbox1 h2{height:25px;font-size:14px;background-color:#3366cc;position:relative;padding-left:10px;line-height:25px;color:#fff;}

.popbox1 h2 a{position:absolute;right:5px;font-size:12px;color:#fff;}

.popbox1 .mainlist1{-moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius:5px;/* Webkit browsers */border-radius:5px;/* W3C syntax */}

.popbox1 .mainlist1 li{height:24px;line-height:24px;}

.popbox1 .mainlist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

#screen{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:100;background-color:#666;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}



/* 竖向table切换 */



#lib_Tab1_sx{width:980px;margin:0px;padding:0px;margin-bottom:15px; overflow:hidden;height:610px;}

.lib_tabborder_sx{border-radius:5px;}

.lib_Menubox_sx {line-height:28px;position:relative; float:left; width:240px;border-right:1px solid #95C9E1; background:#f90;height:610px;}

.lib_Menubox_sx .phone_call{background:#f70 url(../images/hls_jz_aico.png) no-repeat 9px -264px;height:75px;font-size:24px;color:#fff;position:absolute;bottom:0;width:100%;padding:30px 0 0 40px;}

.lib_Menubox_sx ul{margin:0px;padding:0px;list-style:none;text-align:center;}

.lib_Menubox_sx li{display:block;cursor:pointer;width:240px;color:#fff;font-weight:bold; height:25px;line-height:25px; background-color:#f90;height:70px;line-height:70px;border-bottom:1px solid #f80;font-size:16px;}

.lib_Menubox_sx li.hover{padding:0px;background:#f70;width:240px;border-bottom:1px solid #f80; border-right:0;border-left:none;

color:#fff;height:70px;line-height:70px;}

.lib_Contentbox_sx{margin-top:0px; border-top:none; border-left:0; margin-left:240px;}





/*可关闭 遮罩层 */

/* box */

.box,#confirm_box,.email_box,.continue_class_box,.repeal_renew_box,.renew_list,.audition_remove_box,.buy_class_box,.s_refuse_box,.open_evaluate_box,.pay_succ_fail_box,.ex_ticket_box,.to_phmsg_box,.st_bumanyi,.jz_queren,.jz_jujue,.jz_tuike{position:fixed;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border-radius:10px;box-shadow:0px 0px 8px #000;-moz-box-shadow:0px 0px 8px #000;-webkit-box-shadow:0px 0px 8px #000;}

.box h2,#confirm_box h2,.email_box h2,.continue_class_box h2,.repeal_renew_box h2,.renew_list h2,.audition_remove_box h2,.buy_class_box h2,.s_refuse_box h2,.open_evaluate_box h2,.pay_succ_fail_box h2,.ex_ticket_box h2,.to_phmsg_box h2,.st_bumanyi h2,.jz_queren h2,.jz_jujue h2,.jz_tuike h2{height:75px;font-size:24px;background-color:#f90;position:relative;padding-left:10px;line-height:75px;color:#fff;padding-left:50px;font-weight:bold;border-top-left-radius:10px;border-top-right-radius:10px;}

.box h2 a,#confirm_box h2 a,.email_box h2 a,.continue_class_box h2 a,.repeal_renew_box h2 a,.renew_list h2 a,.audition_remove_box h2 a,.buy_class_box h2 a,.s_refuse_box h2 a,.open_evaluate_box h2 a,.pay_succ_fail_box h2 a,.ex_ticket_box h2 a,.to_phmsg_box h2 a,.st_bumanyi h2 a,.jz_queren h2 a,.jz_jujue h2 a,.jz_tuike h2 a{position:absolute;right:24px;font-size:12px;color:#fff;}

.buy_class_box h2 span span{padding:0 5px;}

.box .mainlist2 li,#confirm_box .mainlist2 li,.email_box .mainlist2 li{height:24px;line-height:24px;}

.box .mainlist2 li span,#confirm_box .mainlist2 li span,.email_box .mainlist2 li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

#TB_overlayBG{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

.close_ico{ background: url("../images/hls_jz_aico.png") no-repeat scroll -38px -76px;display: inline-block;height: 36px;margin: 22px 5px 0 0;width: 36px;}

.box_content{width:980px;min-height:550px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

/* point */

.point_red{color:red;}







/*家长首页修改1017*/

/*向左三角*/



.layout-asse1{ float: left; border:1px solid #ededed; padding: 10px 20px 20px 20px; background-color:#fff; width:79%; margin: 0px 0  0 40px; position: relative;left:-30px;}

.layout-asse1:before{ content:'\20'; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 21px; border-color:transparent rgba(237, 237, 237, 0.6) transparent transparent; left:-43px; top:33px; }

.layout-asse1:after{ content:'\20'; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 20px; border-color:transparent #fff transparent transparent; left:-40px; top:34px;}

.layout-asse1 span.boxhi{ display:block; border-top: 1px solid #dedede; padding-top: 15px; margin-top: 5px; text-align: left; }

.layout-asse1 span.boxhi_dashed{ display:block; padding:0; border-top: 1px dashed #dedede; padding-top: 15px; margin-top: 10px; text-align: left; }

.parents_assessment{margin-bottom: 35px;}

.user_id h3{font-size: 24px;color: #666;margin:5px 0;}

.user_id h3 a{font-size: 24px;color: #666;display:inline-block;line-height:27px;}

.user_id p{font-size:12px;color:#999;}

.user_id .btn1,.user_id .btn2{border-radius: 5px;padding: 5px 15px;display: inline-block;color: #fff;margin-top: 5px;}

.user_id .btn1{background: #f90;}

.user_id .btn2{background: #ff9700;}

.order_details dl dd,.class_details dl dd{float:left;}



.order_num{background: url("../images/hls_jz_aico.png") no-repeat -1px -176px;padding-left: 40px;color: #333;margin: 14px 0 8px 0;}

.order_num span.num{font-size: 36px;margin-left: 5px;color: #666;} 

.order_num span.num sup{margin-left:5px;font-size:12px;color:#5896cb;float: right;margin-top: -15px;}

.class_state{color: #999; font-size: 16px;display: inline-block;}

.class_state .class_state1{color: #33cc00;}

.class_state .class_state2{color: #ff6600;}

.class_state .class_state3{color: #5896cb;}

.look_more{float: right;color:#000;margin-top:24px;text-decoration: underline;}

.class_details table tr td span,.class_adress table tr td span,.class_details1 table tr td span{margin-left: 5px;color: #666;display: inline-block;margin-bottom: 5px;}

.class_details,.class_adress,.class_details1{color: #999;}

.class_details1 .done{padding: 0 5px;}

.class_details1 .surplus{color: #ff6600;padding: 0 5px;}

.order_state1{background: url("../images/hls_jz_aico.png") no-repeat 5px -211px;padding-left: 40px;color: #333;margin: 14px 0 8px 0;}

/* input radio select */

/*form style*/

.input_radio{display:inline-block;height:20px;float:left;}

fieldset { border: 0; }

label { display: block; cursor: pointer; line-height: 20px; padding-bottom: 9px; }

.label_check input,.label_radio input { margin-right: 5px; }

.has-js .label_check,.has-js .label_radio { padding-left: 30px; }

.has-js .label_radio, .has-js .label_check{ background: url(../images/checkbox-radio-bg.png) no-repeat;}

.has-js .label_radio { background-position: 0 12px; height:38px;}

.has-js .label_check { background-position: 0 -100px;height:20px;}

.has-js label.c_on { background-position: 0 -150px;}

.has-js label.r_on { background-position: 0 -36px; height:40px;}

.has-js .label_check input,.has-js .label_radio input { position: absolute; left: -9999px; } 

a.arrow-up{background:url(../images/down_arrow.png) no-repeat;width:47px;height:47px;display:none;position:fixed;z-index:100;right:4%;bottom:28%;-webkit-animation:jumptoTop 1s linear infinite;animation:jumptoTop 1s linear infinite;-moz-animation:jumptoTop 1s linear infinite;-o-animation:jumptoTop 1s linear infinite;-ms-animation:jumptoTop 1s linear infinite;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}@keyframes jumptoTop{0%{margin-bottom:0;animation-timing-function:ease-out}50%{margin-bottom:10px;animation-timing-function:ease-in}100%{margin-bottom:0;animation-timing-function:ease-out}}@-webkit-keyframes jumptoTop{0%{margin-bottom:0;animation-timing-function:ease-out}50%{margin-bottom:10px;animation-timing-function:ease-in}100%{margin-bottom:0;animation-timing-function:ease-out}}@-moz-keyframes jumptoTop{0%{margin-bottom:0;animation-timing-function:ease-out}50%{margin-bottom:10px;animation-timing-function:ease-in}100%{margin-bottom:0;animation-timing-function:ease-out}}@-ms-keyframes jumptoTop{0%{margin-bottom:0;animation-timing-function:ease-out}50%{margin-bottom:10px;animation-timing-function:ease-in}100%{margin-bottom:0;animation-timing-function:ease-out}}

a.arrow-up:hover{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}

/* 报错 */



.errorMSG{ color: #fff; font-size: 16px; background-color: #000; display: none; padding: 18px 60px; opacity: 0.8; filter: Alpha(opacity=80); border: 3px solid #d8d8d8; position: absolute; top: 46%; left: 0; right: 0; margin: auto; width: 470px; text-align: left; }



/* hack */



.layout-asse1:before{ border-color: transparent #ededed transparent transparent!important; }

.layout-asse1:after{  border-color: transparent #fff transparent transparent!important; }